
<template>
    <div>
        <div class="header">
            <div class="title" style="margin-left: 10px;"><text style="font-weight: bold;">课时汇总</text></div>
            <select name="" id="" style="margin-left: 30px; width: 150px; height: 25px; border: 1px solid #999; border-right: none;">
                <option value="">请选择</option>
            </select>
            <input placeholder="请输入" type="text" style="height: 23px; border: 1px solid #999; border-left: none; border-right: none;">
            <button class="el-icon-search" style="height: 25px; width: 40px; background-color: #fff; border: 1px solid #999; border-left: none;"></button>
        </div>
    </div>
</template>
<script>
    
</script>
<style scoped>
     .header {
  width: 100%;
  display: flex;
  height: 50px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 1px 1px 3px 1px rgb(200, 226, 241);
  background-color: rgb(233, 237, 240);
  align-items: center;
}
</style>